<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">     
            <SCRIPT language="JavaScript" type="text/javascript"> 
                function handleConfirmarJS(xhr, status, args) {
                    if(args.CallbackParam) {  
                        carDialogConfirmar.show();  
                    }  
                } 
                function handleAnularJS(xhr, status, args) {
                    if(args.CallbackParam) {  
                        carDialogAnular.show();  
                    }  
                } 
            </SCRIPT>
            <SCRIPT language="JavaScript" type="text/javascript">
                function handleProveedorJS(xhr, status, args) {
                    if(args.CallbackParam) {  
                        dlgDirecciones.show();  
                    }  
                }  
            </SCRIPT>
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">

                <p:panel id="pnlPrincipal" header="#{i18n['panel.titulo.documento.compra']} / #{sessionMBean.titulo} #{documentoCompraMBean.dto.id}" style="#{applicationMBean.estiloTitulo}">
                    <h:outputLabel value="#{i18n['documento.compra.agrupacion.datos.generales']}" styleClass="subTitulo" />
                    <p:separator />
                    <h:panelGrid id="pgFormDto" columns="8" cellpadding="4">

                        <h:outputLabel  styleClass="label" value="#{i18n['documento.compra.origen']}" rendered="#{documentoCompraMBean.dto.pedidoCompraDto.id != null}"/>
                        <p:commandLink  update=":frmInfoPC:pgFormInfoPC" actionListener="#{documentoCompraMBean.visualizarOrigenPC}" immediate="true" oncomplete="carDialogInfoOrigen.show()" rendered="#{documentoCompraMBean.dto.pedidoCompraDto.id != null}">  
                            <h:outputText value="#{documentoCompraMBean.dto.pedidoCompraDto.id}" />  
                        </p:commandLink>  

                        <h:outputLabel for="itEmpresa" styleClass="label" value="#{i18n['documento.compra.empresa']}" rendered="false"/>
                        <h:outputText id="itEmpresa" value="#{documentoCompraMBean.dto.empresaDto.descripcion}" rendered="false"/>

                        <h:outputLabel for="itOrganizacion" styleClass="label" value="#{i18n['documento.compra.organizacion']}" rendered="false"/>
                        <h:outputText id="itOrganizacion" value="#{documentoCompraMBean.dto.organizacionDto.nombre}"  rendered="false"/>

                        <h:outputLabel for="itDescripcion" styleClass="label" value="#{i18n['documento.compra.descripcion']}" rendered="false"/>     
                        <p:inputTextarea id="itDescripcion" label="#{i18n['documento.compra.descripcion']}" value="#{documentoCompraMBean.dto.descripcion}"  
                                         readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}" rendered="false"
                                         required="false" maxlength="500" cols="30" rows="2"  styleClass="txtCampoObligatorio">
                        </p:inputTextarea>

                        <h:outputLabel for="itDocTransaccion" styleClass="label" value="#{i18n['documento.compra.doc.transaccion']}"/>                    
                        <p:selectOneMenu id="itDocTransaccion" value="#{documentoCompraMBean.dto.documentoTransaccion}" required="true"                                  
                                         style="#{applicationMBean.estiloObligatorio}" disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}">
                            <f:selectItems value="#{documentoCompraMBean.siDocTransaccion}"/>
                        </p:selectOneMenu> 

                        <h:outputLabel for="itCentroCosto" styleClass="label" value="#{i18n['solicitud.compra.centro.costos']}"/>
                        <p:selectOneMenu id="itCentroCosto" value="#{documentoCompraMBean.dto.centroCostoDto}"  converter="centroCostoConvert"  disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"                               
                                         style="#{applicationMBean.estiloObligatorio}" required="true">
                            <f:selectItems value="#{documentoCompraMBean.listaCentroCostos}" var="centroDto"  itemLabel="#{centroDto.descripcion}" itemValue="#{centroDto}" />                        
                        </p:selectOneMenu>

                        <h:outputLabel for="itNumSerie" styleClass="label" value="#{i18n['comprobante.compra.num.serie']}"/>
                        <p:inputText id="itNumSerie" label="#{i18n['comprobante.compra.num.serie']}" 
                                     value="#{documentoCompraMBean.dto.nroSerie}"  readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                     required="true" size="10" maxlength="50" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="50" minimum="1" />
                        </p:inputText>

                        <h:outputLabel for="itNumero" styleClass="label" value="#{i18n['documento.compra.numero']}"/>
                        <p:inputText id="itNumero" label="#{i18n['documento.compra.numero']}" 
                                     value="#{documentoCompraMBean.dto.numero}"  readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                     required="true" size="15" maxlength="50" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="50" minimum="1" />
                        </p:inputText>

                        <h:outputLabel for="itFecDocumento" value="#{i18n['documento.compra.fecha.documento']}" styleClass="label"/>
                        <p:calendar id="itFecDocumento" value="#{documentoCompraMBean.dto.fechaFactura}"  label="#{i18n['documento.compra.fecha.documento']}" pattern="#{applicationMBean.formatoFecha}"  required="true"
                                    disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                    style="#{applicationMBean.estiloObligatorio}" > 
                        </p:calendar>

                        <h:outputLabel for="itProveedor" styleClass="label" value="#{i18n['documento.compra.proveedor']}"/>                    
                        <p:autoComplete id="itProveedor" value="#{documentoCompraMBean.dto.proveedorDto}" completeMethod="#{terceroMBean.autoCompletarProveedor}"
                                        label="#{i18n['documento.compra.proveedor']}" required="true" readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}" maxResults="10" minQueryLength="#{applicationMBean.minQueryLengthAutoComplete}" queryDelay="1" 
                                        converter="terceroConvert" var="sn"  itemLabel="#{sn.numeroDocumento} - #{sn.descripcion}" itemValue="#{sn}" size="35" forceSelection="true"> 
                            <p:ajax event="itemSelect" listener="#{documentoCompraMBean.handleProveedorChange}" update=":frmPrincipal:pgPrecioYMonto,itDireccion, :frmListaDirec:pgFormListaDirec" 
                                    oncomplete="handleProveedorJS(xhr, status, args)"/>
                            <p:column style="#{applicationMBean.estiloObligatorio}" > 
                                #{sn.numeroDocumento} - #{sn.descripcion}
                            </p:column> 
                        </p:autoComplete>

                        <h:outputLabel for="itDireccion" styleClass="label" value="#{i18n['documento.compra.direccion']}"/>
                        <p:inputTextarea id="itDireccion" label="#{i18n['documento.compra.direccion']}" styleClass="txtCampoObligatorio"
                                         value="#{documentoCompraMBean.dto.direccion}"  readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                         required="false" maxlength="200" cols="30" rows="2" >
                            <f:validateLength  maximum="200"/>
                        </p:inputTextarea>   

                        <h:outputLabel for="itTarifa" styleClass="label" value="#{i18n['pedido.compra.tarifa']}"/>                    
                        <p:selectOneMenu id="itTarifa" value="#{documentoCompraMBean.dto.tarifaDto}"  converter="tarifaConvert" style="#{applicationMBean.estiloObligatorio}" 
                                         disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}" required="true">
                            <f:selectItems value="#{documentoCompraMBean.listaTarifas}" var="tarifaDto" itemLabel="#{tarifaDto.nombre}" itemValue="#{tarifaDto}" />                          
                        </p:selectOneMenu>

                        <h:outputLabel for="itFecContable" value="#{i18n['documento.compra.fecha.contable']}" styleClass="label" rendered="false"/>
                        <p:calendar id="itFecContable" value="#{documentoCompraMBean.dto.fechaContable}" label="#{i18n['documento.compra.fecha.contable']}" mindate="#{documentoCompraMBean.fechaActual}" pattern="#{applicationMBean.formatoFecha}"  
                                    required="true" rendered="false"
                                    style="#{applicationMBean.estiloObligatorio}" disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}" > 
                        </p:calendar>

                        <h:outputLabel for="itCondicionPago" styleClass="label" value="#{i18n['documento.compra.condicion.pago']}"/>
                        <p:selectOneMenu id="itCondicionPago" value="#{documentoCompraMBean.dto.condicionPagoDto}"  converter="condicionPagoConvert"  disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"                               
                                         style="#{applicationMBean.estiloObligatorio}" required="true">
                            <f:selectItems value="#{documentoCompraMBean.listaCondicionPago}" var="condpagoDto"  itemLabel="#{condpagoDto.descripcion}" itemValue="#{condpagoDto}" />                        
                        </p:selectOneMenu>

                        <h:outputLabel for="itFormPago" styleClass="label" value="#{i18n['documento.compra.forma.pago']}"/>
                        <p:selectOneMenu id="itFormPago" value="#{documentoCompraMBean.dto.formaPagoDto}" required="true"  converter="parametroConvert"  disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"                               
                                         style="#{applicationMBean.estiloObligatorio}">
                            <f:selectItems value="#{documentoCompraMBean.listaFormaPago}" var="parametroDto"  itemLabel="#{parametroDto.descripcion}" itemValue="#{parametroDto}" />                        
                        </p:selectOneMenu>

                        <h:outputLabel for="itRefProv" styleClass="label" value="#{i18n['documento.compra.ref.proveedor']}" rendered="false"/>
                        <p:inputText id="itRefProv" label="#{i18n['documento.compra.ref.proveedor']}" rendered="false"
                                     value="#{documentoCompraMBean.dto.referenciaProveedor}"  readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                     required="false" size="40" maxlength="50" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="50" minimum="1" />
                        </p:inputText>

                        <h:outputLabel for="itGuiaCompra" value="#{i18n['documento.compra.guia']}" styleClass="label"/>
                        <p:inputText id="itGuiaCompra" label="#{i18n['documento.compra.guia']}"  readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                     value="#{documentoCompraMBean.dto.guiaCompra}"  onkeypress="return fn_validaTecla('entero',this)"
                                     styleClass="txtCampo" size="19" maxlength="19">                            
                        </p:inputText>  

                        <h:outputLabel styleClass="label" value="#{i18n['documento.compra.estado']}"/>                    
                        <h:outputText  value="#{documentoCompraMBean.dto.estadoTexto}" />

                        <h:outputLabel for="itComentario" styleClass="label" value="#{i18n['general.label.comentario']}" rendered="false"/>
                        <p:inputTextarea id="itComentario" label="#{i18n['general.label.comentario']}" rendered="false" value="#{documentoCompraMBean.dto.comentario}"
                                         readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                         required="false" maxlength="300" cols="30" rows="3" style="txtCampoObligatorio">                            
                        </p:inputTextarea>
                    </h:panelGrid>        

                    <h:outputLabel value="#{i18n['documento.compra.agrupacion.montos']}" styleClass="subTitulo" />
                    <p:separator />
                    <h:panelGrid id="pgPrecioYMonto" columns="1" cellspacing="10" >                        
                        <h:panelGrid columns="14" cellspacing="10" id="pgPrecioYMonto1" style="text-align: right">
                            <h:outputLabel for="itMoneda" styleClass="label" value="#{i18n['documento.compra.moneda']}"/>                    
                            <p:selectOneMenu id="itMoneda" value="#{documentoCompraMBean.dto.monedaDto}"  converter="monedaConvert" style="#{applicationMBean.estiloObligatorio}"
                                             disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}" required="true">
                                <f:selectItems value="#{documentoCompraMBean.listaMonedas}" var="monedaDto" itemLabel="#{monedaDto.descripcion}" itemValue="#{monedaDto}" />                        
                                <p:ajax update=":msgs :frmPrincipal:tabPrincipal:pngTabla pgPrecioYMonto pgPorcentajeDetraccion"  
                                        listener="#{documentoCompraMBean.handleMonedaChange}" />  
                            </p:selectOneMenu>

                            <h:outputLabel for="itDescuento" value="#{i18n['documento.compra.descuento']}" styleClass="label"/>
                            <p:inputText id="itDescuento" label="#{i18n['documento.compra.descuento']}" style="#{applicationMBean.estiloObligatorio}"
                                         value="#{documentoCompraMBean.dto.descuento}"  readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                         onkeypress="return fn_validaTecla('decimal',this)"
                                         required="false" size="10" >
                                <p:ajax event="blur" update="pgPrecioYMonto" listener="#{documentoCompraMBean.onBlurCalcularSubTotal}"/>
                                <f:validateLength minimum="1" maximum="9" />
                                <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </p:inputText>
                            <h:outputLabel  value="#{i18n['documento.compra.total']}" styleClass="label"/>
                            <h:outputLabel  value="#{documentoCompraMBean.dto.total}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                            </h:outputLabel>
                            <h:outputLabel styleClass="label" value="#{i18n['documento.compra.total.texto']}"/>                    
                            <h:outputText id="itTotalTexto"  value="#{documentoCompraMBean.dto.totalTexto}" />
                        </h:panelGrid>
                   
                        <h:panelGrid columns="4" cellspacing="0" >
                            <h:panelGrid columns="2" cellspacing="5" style="text-align: right">
                                <h:outputLabel value="AFECTO" styleClass="subTitulo" /><p:spacer/>
                                <h:outputLabel value="#{i18n['documento.compra.monto.afecto']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.montoAfecto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>

                                <h:outputLabel value="#{i18n['documento.compra.monto.afecto.descuento']}" styleClass="label"/>
                                 <h:outputLabel  value="#{documentoCompraMBean.dto.descMontoAfecto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>

                                <h:outputLabel  value="#{i18n['documento.compra.monto.afecto.con.descuento']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.subTotalConDescuentoAfecto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>                            

                                <h:outputLabel  value="#{i18n['documento.compra.impuesto']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.impuesto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>

                                <h:outputLabel  value="#{i18n['documento.compra.impuesto.monto']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.impuestoMonto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>

                            </h:panelGrid>
                            <h:panelGrid columns="2" cellspacing="5" style="text-align: right">
                                <h:outputLabel value="NO AFECTO" styleClass="subTitulo" /><p:spacer/>
                                <h:outputLabel  value="#{i18n['documento.compra.monto.no.afecto']}" styleClass="label"/>
                                 <h:outputLabel  value="#{documentoCompraMBean.dto.montoNoAfecto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>

                                <h:outputLabel value="#{i18n['documento.compra.monto.no.afecto.descuento']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.descMontoNoAfecto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>


                                <h:outputLabel  value="#{i18n['documento.compra.monto.no.afecto.con.descuento']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.subTotalConDescuentoNoAfecto}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>     
                                 <p:spacer/>
                                    <p:spacer/>
                                    <p:spacer/>
                                    <p:spacer/>
                                    <p:spacer/>
                                    <p:spacer/>
                                    <p:spacer/>
                                    <p:spacer/>
                                    <p:spacer/>
                            </h:panelGrid>
                            
                            <h:panelGrid columns="2" cellspacing="5" style="text-align: right">
                                <h:outputLabel value="GENERAL" styleClass="subTitulo" /><p:spacer/>
                                <h:outputLabel  value="#{i18n['documento.compra.sub.total']}" styleClass="label" />
                                <h:outputLabel  value="#{documentoCompraMBean.dto.subTotal}" styleClass="general" style="text-align: right">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>

                                <h:outputLabel  value="#{i18n['documento.compra.descuento.monto']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.descuentoMonto}" styleClass="general" style="text-align: right important!">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>


                                <h:outputLabel value="#{i18n['documento.compra.subtot.con.descuento']}" styleClass="label"/>
                                <h:outputLabel  value="#{documentoCompraMBean.dto.subTotalConDescuento}" styleClass="general" style="text-align: right important!">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputLabel>
                                <p:spacer/>
                                <p:spacer/>
                                <p:spacer/>
                                <p:spacer/>
                                <p:spacer/>
                                <p:spacer/>
                                <p:spacer/>
                                <p:spacer/>
                                <p:spacer/>
                           </h:panelGrid> 
                            
                            <h:panelGrid id="pgPorcentajeDetraccion" columns="2" cellspacing="5" style="text-align: right">
                                <h:outputLabel value="#{i18n['documento.compra.agrupacion.detraccion']}" styleClass="subTitulo" /><p:spacer />
                                <h:outputText  value="#{i18n['documento.venta.detraccion']}" styleClass="label"/>
                                <p:selectBooleanCheckbox value="#{documentoCompraMBean.dto.indDetraccion}"  styleClass="txtCampo"  disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}" >
                                      <p:ajax listener="#{documentoCompraMBean.calcularDetraccion}" update="pgPorcentajeDetraccion"/>
                                </p:selectBooleanCheckbox> 

                                <h:outputText  value="#{i18n['form.financiamiento.letra.es.agente.retencion']}" styleClass="label" rendered="#{!documentoCompraMBean.dto.indDetraccion}"/>
                                <h:outputText  value="SI" styleClass="label" rendered="#{!documentoCompraMBean.dto.indDetraccion &amp;&amp; documentoCompraMBean.dto.indRetencion}"/>
                                <h:outputText  value="NO" styleClass="label" rendered="#{!documentoCompraMBean.dto.indDetraccion &amp;&amp; !documentoCompraMBean.dto.indRetencion}"/>

                                <h:outputLabel for="itDetraccion" styleClass="label" value="#{i18n['documento.compra.tabla.detraccion']}" rendered="#{documentoCompraMBean.dto.indDetraccion}"/>                    
                                <p:selectOneMenu id="itDetraccion" value="#{documentoCompraMBean.dto.detraccionDto}"  converter="parametroConvert"  style="text-align: left"
                                                 disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}" required="true"  rendered="#{documentoCompraMBean.dto.indDetraccion}">
                                    <f:selectItems value="#{documentoCompraMBean.listaDetracciones}" var="monedaDto" itemLabel="#{monedaDto.descripcion}" itemValue="#{monedaDto}" />                        
                                  <p:ajax update=":msgs :frmPrincipal:tabPrincipal:pngTabla pgPrecioYMonto pgPorcentajeDetraccion"  
                                               listener="#{documentoCompraMBean.handleDetraccionChange}" />  
                                 </p:selectOneMenu>

                               <h:outputLabel  value="#{i18n['documento.compra.porcentaje.detraccion']}" styleClass="label"/>
                               <h:outputLabel  value="#{documentoCompraMBean.dto.porcentajeDetRet}" styleClass="general" style="text-align: right important!">
                                           <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                               </h:outputLabel>

                               <h:outputLabel  value="#{i18n['documento.compra.monto.detraccion']}" styleClass="label"/>
                               <h:outputLabel  value="#{documentoCompraMBean.dto.montoDetRet}" styleClass="general" style="text-align: right">
                                           <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                   </h:outputLabel>


                                   <h:outputLabel  value="#{i18n['documento.compra.total.det.ret']}" styleClass="label"/>
                                   <h:outputLabel  value="#{documentoCompraMBean.dto.totalConDetRet}" styleClass="general" style="text-align: right">
                                           <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                   </h:outputLabel>
                                   <h:outputLabel styleClass="label" value="#{i18n['documento.compra.total.det.ret.texto']}" rendered="false"/>                    
                                   <h:outputText   value="#{documentoCompraMBean.dto.totalConDetRetTexto}" rendered="false"/>

                           </h:panelGrid>

                            
                        </h:panelGrid>
                        
                        
                    </h:panelGrid>
                    

                    
                    
                    
                    <f:facet name="footer">
                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{documentoCompraMBean.accesoGuardar &amp;&amp; sessionMBean.privilegiosOpciones['761']=='true'}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}" 
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         action="#{documentoCompraMBean.guardar}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         value="#{i18n['general.button.atras']}" 
                                         style="#{applicationMBean.estilosBtnRetroceder}"
                                         action="#{documentoCompraMBean.retroceder}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['documento.compra.boton.confirmar']}"
                                         icon="ui-icon ui-icon-disk"
                                         style="#{applicationMBean.estilosBtnConfirmar}"
                                         value="#{i18n['documento.compra.boton.confirmar']}" 
                                         rendered="#{documentoCompraMBean.accesoConfirmado &amp;&amp; sessionMBean.privilegiosOpciones['762']=='true'}"
                                         oncomplete="handleConfirmarJS(xhr, status, args)" 
                                         update=":frmConfirmar:pgFormConfirmar, :msgs"
                                         action="#{documentoCompraMBean.cargarPopupConfirmar}">                                    
                        </p:commandButton> 
                        
                        <p:commandButton title="#{i18n['general.button.contabilizar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-calculator" rendered="#{documentoCompraMBean.accesoContabilizado}"         
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.contabilizar']}" 
                                         style="#{applicationMBean.estilosBtnCobrar}" 
                                                                         
                                         action="#{documentoCompraMBean.contabilizar}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['documento.compra.boton.anular']}"
                                         icon="ui-icon ui-icon-disk"
                                         style="#{applicationMBean.estilosBtnAnular}"
                                         value="#{i18n['documento.compra.boton.anular']}" 
                                         rendered="#{documentoCompraMBean.accesoAnulado &amp;&amp; sessionMBean.privilegiosOpciones['763']=='true'}"
                                         oncomplete="handleAnularJS(xhr, status, args)" 
                                         update=":frmAnular:pgFormAnular, :msgs"
                                         action="#{documentoCompraMBean.cargarPopupAnular}">                                    
                        </p:commandButton>   

                        <p:commandButton title="#{i18n['bitacora.ver.historial']}"
                                         icon="ui-icon ui-icon-calculator"
                                         style="#{applicationMBean.estilosBtnHistorial}"
                                         value="#{i18n['bitacora.ver.historial']}"                                                                                                           
                                         ajax="true"
                                         rendered="#{documentoCompraMBean.dto.id!=null &amp;&amp; sessionMBean.privilegiosOpciones['764']=='true'}"
                                         oncomplete="dlgBitacoraEntidad.show()"                                                       
                                         update=":frmPopupBitacoras:pgFormPopupBitacoras"
                                         actionListener="#{documentoCompraMBean.verBitacora}">                                    
                        </p:commandButton>  

                        <p:commandButton title="#{i18n['ver.archivos.boton.tip']}"
                                         icon="ui-icon ui-icon-folder-open"
                                         value="#{i18n['ver.archivos.boton']}"                                                                                                           
                                         ajax="true"
                                         style="#{applicationMBean.estilosBtnArchivos}"
                                         rendered="#{documentoCompraMBean.dto.id!=null &amp;&amp; sessionMBean.privilegiosOpciones['765']=='true'}"
                                         oncomplete="dlgArchivoEntidad.show()"                                                       
                                         update=":frmPopupArchivos:pgFormPopupArchivos"
                                         actionListener="#{documentoCompraMBean.verArchivos}">                                    
                        </p:commandButton>  

                        <p:commandButton title="#{i18n['documento.compra.imprimir.dto']}"  disabled="#{!documentoCompraMBean.dto.indicadorConfirmado}"
                                         icon="ui-icon ui-icon-print" rendered="#{documentoCompraMBean.dto.id!=null &amp;&amp; sessionMBean.privilegiosOpciones['766']=='true'}"
                                         value="#{i18n['documento.compra.imprimir.dto']}" 
                                         ajax="false"
                                         style="#{applicationMBean.estilosBtnImprimirDto}"                                         
                                         actionListener="#{documentoCompraMBean.imprimirDto}">                                    
                        </p:commandButton>

                        <p:commandButton title="#{i18n['general.button.nuevo.tip']}" accesskey="#{applicationMBean.keyNuevo}"
                                         icon="ui-icon ui-icon-plus" rendered="#{documentoCompraMBean.dto.id!=null &amp;&amp; sessionMBean.privilegiosOpciones['753']=='true'}"
                                         value="#{i18n['general.button.nuevo']}" 
                                         style="#{applicationMBean.estilosBtnNuevo}" 
                                         ajax="false"                                        
                                         actionListener="#{documentoCompraMBean.nuevo}">                                    
                        </p:commandButton>

                    </f:facet>
                    <p:accordionPanel activeIndex="2" style="#{applicationMBean.estiloTitulo}">
                            <p:tab title="#{i18n['general.label.campos.auditoria']}">
                                <h:panelGrid id="pgCamposAuditoria" columns="6" cellspacing="10" rendered="#{documentoCompraMBean.dto.id!=null}">

                                    <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.creacion']}"/>
                                    <h:outputLabel styleClass="txtCampo" value="#{documentoCompraMBean.dto.usuarioCreacionDto.descripcion}"/>
                                    <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.creacion']}"/>
                                    <h:outputLabel styleClass="txtCampo" value="#{documentoCompraMBean.dto.fechaCreacion}">
                                        <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                                    </h:outputLabel>                            
                                    <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.creacion']}"/>
                                    <h:outputLabel styleClass="txtCampo" value="#{documentoCompraMBean.dto.terminalCreacion}"/>
                                    <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.modificacion']}"/>
                                    <h:outputLabel styleClass="txtCampo" value="#{documentoCompraMBean.dto.usuarioDto.descripcion}"/>
                                    <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.modificacion']}"/>
                                    <h:outputLabel styleClass="txtCampo" value="#{documentoCompraMBean.dto.fecha}">
                                        <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                                    </h:outputLabel>                            
                                    <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.modificacion']}"/>
                                    <h:outputLabel styleClass="txtCampo" value="#{documentoCompraMBean.dto.terminal}"/>
                                </h:panelGrid>
                            </p:tab>
                            
                        </p:accordionPanel>
                </p:panel>
                <p:tabView id="tabPrincipal" style="#{applicationMBean.estiloTitulo}" rendered="#{documentoCompraMBean.dto.id!=null || documentoCompraMBean.dto.pedidoCompraDto!=null}">
                    <p:tab id="tabDetalles" title="#{i18n['panel.titulo.documento.compra.detalle']}" >     
                        <div class="info_busqueda">
                            <h:panelGrid id="pngTabla" columns="1" styleClass="tabla_dinam">
                                <h:panelGrid id="pgFormDtoDeta" columns="13" cellpadding="4">

                                    <p:commandButton title="#{i18n['pedido.compra.boton.nuevo']}"
                                                     icon="ui-icon ui-icon-plus"
                                                     style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                                     value="#{i18n['pedido.compra.boton.nuevo']}" 
                                                     rendered="#{sessionMBean.accion!=applicationMBean.ver &amp;&amp; documentoCompraMBean.accesoGuardar &amp;&amp;documentoCompraMBean.dto.pedidoCompraDto==null &amp;&amp; sessionMBean.privilegiosOpciones['767']=='true'}" ajax="true"
                                                     oncomplete="carDialogDetalle.show()"  immediate="true"
                                                     update=":frmDetalle:pgFormDtoDeta"
                                                     action="#{documentoCompraMBean.nuevoDetalle}">                                    
                                    </p:commandButton>  
                                </h:panelGrid>
                                <p:dataTable id="tblPrincipalDeta" value="#{documentoCompraMBean.dto.listaDetalles}" var="dtoDeta" widgetVar="widTable" 
                                             rowIndexVar="contIndex" rowKey="#{dtoDeta.id}"
                                             emptyMessage="#{i18n['pedido.compra.no.detalles']}" styleClass="estiloPanel"   >                        
                                    <p:column style="text-align:center;">
                                        <h:panelGrid id="pgBotonesGrillaDeta" columns="3"  styleClass="estiloPanelGrid">
                                            <p:commandButton icon="ui-icon  ui-icon-close" title="#{i18n['general.button.eliminar']}" 
                                                             rendered="#{sessionMBean.accion!=applicationMBean.ver &amp;&amp; documentoCompraMBean.accesoGuardar &amp;&amp; documentoCompraMBean.dto.pedidoCompraDto ==null &amp;&amp; sessionMBean.privilegiosOpciones['768']=='true'}"
                                                             ajax="true" immediate="true"
                                                             update=":frmPrincipal:pgPrecioYMonto,  tblPrincipalDeta, :frmPrincipal:pgPorcentajeDetraccion"
                                                             action="#{documentoCompraMBean.eliminarDetalle}">
                                                <f:setPropertyActionListener value="#{contIndex}" target="#{documentoCompraMBean.contIndex}" /> 
                                            </p:commandButton>
                                            <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                             action="#{documentoCompraMBean.verDetalle}" ajax="true" immediate="true"
                                                             oncomplete="carDialogDetalle.show()" update=":frmDetalle:pgFormDtoDeta"
                                                             rendered="#{sessionMBean.privilegiosOpciones['769']=='true'}">
                                                <f:setPropertyActionListener value="#{dtoDeta}" target="#{documentoCompraMBean.detaDto}" />                                                                    
                                            </p:commandButton>                                
                                            <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}" 
                                                             rendered="#{sessionMBean.accion!=applicationMBean.ver &amp;&amp; documentoCompraMBean.accesoGuardar &amp;&amp; documentoCompraMBean.dto.pedidoCompraDto ==null &amp;&amp; sessionMBean.privilegiosOpciones['770']=='true'}"
                                                             update=":frmDetalle:pgFormDtoDeta" ajax="true"
                                                             action="#{documentoCompraMBean.editarDetalle}" 
                                                             oncomplete="carDialogDetalle.show()" immediate="true">
                                                <f:setPropertyActionListener value="#{dtoDeta}" target="#{documentoCompraMBean.detaDto}" />                                                                    
                                            </p:commandButton>
                                        </h:panelGrid>
                                    </p:column>   
                                    <p:column headerText="#{i18n['documento.compra.deta.item']}"  styleClass="general">
                                        <h:outputText value="#{dtoDeta.item}" styleClass="general" />
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.deta.producto']}"  styleClass="general" style="text-align: left;">
                                        <h:outputText value="#{dtoDeta.productoDetaDto.productoDto.descripcion}" styleClass="general" />
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.deta.unidad.medida.abrev']}" style="text-align: left;">
                                        <h:outputText value="#{dtoDeta.unidadMedidaDto.nombre}" styleClass="general" title="#{i18n['documento.compra.deta.unidad.medida']}"/>
                                    </p:column> 
                                    <p:column headerText="#{i18n['documento.compra.deta.cantidad']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.cantidad}" styleClass="general" >
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column rendered="#{!documentoCompraMBean.blContabilizar}" headerText="#{i18n['documento.compra.deta.precio.unitario.o.abrev']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.precioUnitarioO}" styleClass="general" title="#{i18n['documento.compra.deta.precio.unitario.o']}">
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column rendered="#{!documentoCompraMBean.blContabilizar}" headerText="#{i18n['documento.compra.deta.moneda.o']}" style="text-align: right">
                                        <h:outputText value="#{dtoDeta.monedaODto.descripcion} (#{dtoDeta.monedaODto.simbolo})" styleClass="general" />
                                    </p:column>
                                    <p:column rendered="#{!documentoCompraMBean.blContabilizar}" headerText="#{i18n['documento.compra.deta.tipo.cambio.abrev']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.factorConversion}" styleClass="general" title="#{i18n['documento.compra.deta.tipo.cambio']}">
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.deta.precio.unitario.d.abrev']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.precioUnitarioD}" styleClass="general" title="#{i18n['documento.compra.deta.precio.unitario.d']}">
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.deta.descuento.abrev']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.descuento}" styleClass="general" title="#{i18n['documento.compra.deta.descuento']}">
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.deta.descuento.monto.abrev']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.descuentoMonto}" styleClass="general" title="#{i18n['documento.compra.deta.descuento.monto']}">
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.deta.precio.unitario.f.abrev']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.precioUnitarioF}" styleClass="general" title="#{i18n['documento.compra.deta.precio.unitario.f']}">
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.sub.total']}" styleClass="general" style="text-align: right;">
                                        <h:outputText value="#{dtoDeta.subTotal}" styleClass="general" >
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column rendered="false" headerText="#{i18n['documento.compra.deta.sub.total.parcial']}" styleClass="general" style="text-align: right;" >
                                        <h:outputText value="#{dtoDeta.subTotalParcial}" styleClass="general" >
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </p:column>
                                    <p:column headerText="#{i18n['documento.compra.ind.afecto.igv']}" styleClass="general" style="text-align: center;" >
                                         <p:selectBooleanCheckbox  value="#{dtoDeta.indAfectoIgv}"  style="#{applicationMBean.estilo}"                                                                     
                                                                   disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}">
                                             <p:ajax update=":frmPrincipal:pgPrecioYMonto" listener="#{documentoCompraMBean.onBlurCalcularSubTotal}"/>
                                         </p:selectBooleanCheckbox>
                                    </p:column>
                                    <p:column  headerText="#{i18n['documento.compra.porcentaje.afecto.igv']}" styleClass="general" style="text-align: right;" >
                                        <p:inputText id="itDescuento" label="#{i18n['documento.compra.porcentaje.afecto.igv']}" style="#{applicationMBean.estiloObligatorio}"
                                                     value="#{dtoDeta.porcAfecto}"  readonly="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}"
                                                    onkeypress="return fn_validaTecla('decimal',this)"
                                                    required="false" size="5" >
                                           <p:ajax event="blur" update=":frmPrincipal:pgPrecioYMonto" listener="#{documentoCompraMBean.onBlurCalcularSubTotal}"/>                                           
                                           <f:validateLength minimum="1" />
                                           <f:validateDoubleRange minimum="0" maximum="100" />
                                           <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                       </p:inputText>
                                        
                                    </p:column>                                    
                                    
                                    
                                    <p:column headerText="#{i18n['label.conta.asiento.deta.cuenta']}"  styleClass="general" style="text-align: left;" >
                                         <p:selectOneMenu value="#{dtoDeta.cuentaContableDto}"  converter="planContableDetaConvert"    
                                                                    style="width:360px" effect="fade" var="t" panelStyle="width:360px"
                                                                     styleClass="general" filter="true" filterMatchMode="contains" 
                                                                     disabled="#{sessionMBean.accion == applicationMBean.ver || !documentoCompraMBean.accesoGuardar}">
                                                        <f:selectItems value="#{sessionMBean.listaCuentas}" var="dto" itemLabel="#{dto.cuenta} - #{dto.descripcion}" itemValue="#{dto}" />    
                                                         <p:column>
                                                            <h:outputText value="#{t.cuenta}" />
                                                        </p:column>
                                                        <p:column>
                                                            <h:outputText value="#{t.descripcion}" />
                                                        </p:column>
                                        </p:selectOneMenu>                             
                                    </p:column>
                                    
                                    
                                    <p:column rendered="false" headerText="#{i18n['pedido.compra.deta.estado']}"  styleClass="general" style="text-align: left;">
                                        <h:outputText value="#{dtoDeta.estadoTexto}" styleClass="general"/>                        
                                    </p:column>
                                    <f:facet name="footer">  
                                        <h:outputText value="#{i18n['documento.compra.sub.total']} : " styleClass="general" />
                                        <h:outputText value="#{documentoCompraMBean.dto.subTotal}" styleClass="general" >
                                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                        </h:outputText>
                                    </f:facet>  
                                </p:dataTable>
                            </h:panelGrid>
                        </div>
                    </p:tab>
                    <p:tab title="#{i18n['documento.compra.tab.plan.pagos']}" rendered="#{(documentoCompraMBean.dto.estado == 'C' || documentoCompraMBean.dto.estado == 'A') &amp;&amp; !documentoCompraMBean.dto.indicadorAlContado}">
                        <h:panelGrid  columns="10" cellpadding="4" id="pgPlanPago">
                            <p:commandButton title="#{i18n['documento.compra.boton.nuevo.plan']}"
                                             icon="ui-icon ui-icon-plus"
                                             style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                             value="#{i18n['documento.compra.boton.nuevo.plan']}"                                             
                                             update=":frmPopupPlanPago:pgFormPlanPago"
                                             oncomplete="carDialogPlanPago.show()"
                                             rendered="#{sessionMBean.accion != applicationMBean.ver &amp;&amp; !documentoCompraMBean.dto.indicadorAnulado &amp;&amp; sessionMBean.privilegiosOpciones['773']=='true'}"
                                             action="#{documentoCompraMBean.nuevoPlanPago}">
                            </p:commandButton>
                        </h:panelGrid>
                        <h:panelGrid columns="1">
                            <p:dataTable id="tblPlanPago" value="#{documentoCompraMBean.dto.listaPlanPagos}" var="dto" paginatorPosition="top"                                     
                                         paginator="true" rows="#{sessionMBean.cantidadRegistros}"  widgetVar="widTable">                              
                                <p:column style="text-align:center;">
                                    <h:panelGrid columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                        <p:commandButton icon="ui-icon  ui-icon-close" title="#{i18n['general.button.eliminar']}" 
                                                         rendered="#{sessionMBean.accion!=applicationMBean.ver &amp;&amp; !documentoCompraMBean.dto.indicadorAnulado &amp;&amp; sessionMBean.privilegiosOpciones['774']=='true'}"
                                                         ajax="true" immediate="true"
                                                         update=":frmPrincipal:tabPrincipal:tblPlanPago"
                                                         action="#{documentoCompraMBean.eliminarPlanPago}">
                                            <f:setPropertyActionListener value="#{dto}" target="#{documentoCompraMBean.planPagoDto}" /> 
                                        </p:commandButton>
                                        <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                         action="#{documentoCompraMBean.verPlanPago}" ajax="true"
                                                         oncomplete="carDialogPlanPago.show()"
                                                         update=":frmPopupPlanPago:pgFormPlanPago"
                                                         rendered="#{sessionMBean.privilegiosOpciones['775']=='true'}">
                                            <f:setPropertyActionListener value="#{dto}" target="#{documentoCompraMBean.planPagoDto}" />
                                        </p:commandButton>
                                        <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}" 
                                                         update=":frmPopupPlanPago:pgFormPlanPago"
                                                         action="#{documentoCompraMBean.editarPlanPago}" 
                                                         rendered="#{sessionMBean.accion != applicationMBean.ver &amp;&amp; !documentoCompraMBean.dto.indicadorAnulado &amp;&amp; sessionMBean.privilegiosOpciones['776']=='true'}"
                                                         oncomplete="carDialogPlanPago.show()" ajax="true">
                                            <f:setPropertyActionListener value="#{dto}" target="#{documentoCompraMBean.planPagoDto}" />                                                                    
                                        </p:commandButton>
                                    </h:panelGrid>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.orden']}" styleClass="general" style="text-align: right;">
                                    <h:outputText value="#{dto.orden}" styleClass="general" />
                                </p:column>
                                <p:column style="text-align:left;" styleClass="general">
                                    <f:facet name="header">
                                        <h:outputText value="#{i18n['plan.pago.fecha.vencimiento']}" />
                                    </f:facet>
                                    <h:outputText value="#{dto.fechaVencimiento}">
                                        <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/> 
                                    </h:outputText>                                
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.forma.pago']}" styleClass="general" style="text-align: left;" rendered="false">
                                    <h:outputText value="#{dto.formaPagoDto.descripcion}" styleClass="general" />
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.a.liquidar']}" styleClass="general" style="text-align: right;">
                                    <h:outputText value="#{dto.monedaDto.simbolo} #{dto.liquidar}" styleClass="general" >
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.pagado']}" styleClass="general" style="text-align: right;">
                                    <h:outputText value="#{dto.monedaDto.simbolo} #{dto.pagado}" styleClass="general" >
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.pendiente']}" styleClass="general" style="text-align: right;">
                                    <h:outputText value="#{dto.monedaDto.simbolo} #{dto.pendiente}" styleClass="general" >
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.ultimo.pago']}" styleClass="general" style="text-align: left;">
                                    <h:outputText value="#{dto.ultimoPagoDto.id}" styleClass="general" />
                                </p:column>
                                <p:column headerText="#{i18n['plan.pago.numero.pagos']}" styleClass="general" style="text-align: right;">
                                    <h:outputText value="#{dto.numeroPago}" styleClass="general" />
                                </p:column>
                            </p:dataTable>
                        </h:panelGrid>
                    </p:tab>
                    <p:tab id="tabInfoPCGR"  title="#{i18n['panel.titulo.guia.remision']}" rendered="#{documentoCompraMBean.dto.listaGuiasRemision.size() > 0}">
                        <div class="info_busqueda">
                            <h:panelGrid columns="1" styleClass="tabla_dinam">
                                <p:dataTable  value="#{documentoCompraMBean.dto.listaGuiasRemision}" var="dto" widgetVar="widTable" 
                                              emptyMessage="#{i18n['pedido.compra.no.detalles']}" styleClass="estiloPanel"   >                        
                                    <p:column style="text-align:center; width: 30px;">
                                        <h:panelGrid id="pgBotonesGrillaDeta" columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                            <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                             action="#{guiaRemisionMBean.verDetalleInfo}" ajax="true" immediate="true"
                                                             oncomplete="carDialogDetalleInfo.show()" update=":frmDetalleInfo:pgFormDtoDetaInfo"
                                                             rendered="#{sessionMBean.privilegiosOpciones['777']=='true'}">
                                                <f:setPropertyActionListener value="#{dto}" target="#{guiaRemisionMBean.infoGrDto}" />                                                                    
                                            </p:commandButton>                                
                                        </h:panelGrid>
                                    </p:column>   
                                    <p:column headerText="#{i18n['general.label.id']}"  styleClass="general">
                                        <h:outputText value="#{dto.id}" styleClass="general" />
                                    </p:column>
                                    <p:column headerText="#{i18n['guia.remision.tipo']}" styleClass="general" style="text-align: left;">
                                        <h:outputText value="#{dto.tipoTexto}" styleClass="general" />
                                    </p:column> 
                                    <p:column headerText="#{i18n['guia.remision.nro.serie']}" styleClass="general" style="text-align: left;">
                                        <h:outputText value="#{dto.nroSerie}" styleClass="general" />
                                    </p:column> 
                                    <p:column style="text-align:left;" styleClass="general">
                                        <f:facet name="header">
                                            <h:outputText value="#{i18n['guia.remision.fecha.emision']}" />
                                        </f:facet>
                                        <h:outputText value="#{dto.fechaEmision}">
                                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                        </h:outputText>                                
                                    </p:column>
                                    <p:column style="text-align:left;" styleClass="general">
                                        <f:facet name="header">
                                            <h:outputText value="#{i18n['guia.remision.fecha_ini_traslado']}" />
                                        </f:facet>
                                        <h:outputText value="#{dto.fechaInicioTraslado}">
                                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                        </h:outputText>                                
                                    </p:column>
                                    <p:column style="text-align:left;" styleClass="general">
                                        <f:facet name="header">
                                            <h:outputText value="#{i18n['general.label.fecha.creacion']}" />
                                        </f:facet>
                                        <h:outputText value="#{dto.fechaCreacion}">
                                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                        </h:outputText>                                
                                    </p:column>
                                    <p:column style="text-align:left;" styleClass="general">
                                        <f:facet name="header">
                                            <h:outputText value="#{i18n['general.label.fecha']}" />
                                        </f:facet>
                                        <h:outputText value="#{dto.fecha}">
                                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                        </h:outputText>                                
                                    </p:column>
                                    <p:column style="text-align:left;" styleClass="general" >
                                        <f:facet name="header" >
                                            <h:outputText value="#{i18n['guia.remision.fecha.confirmacion']}" />
                                        </f:facet>
                                        <h:outputText value="#{dto.fechaConfirmacion}" >
                                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                        </h:outputText>                                
                                    </p:column>
                                    <p:column style="text-align:left;" styleClass="general">
                                        <f:facet name="header" >
                                            <h:outputText value="#{i18n['guia.remision.fecha.anulacion']}" />
                                        </f:facet>
                                        <h:outputText value="#{dto.fechaAnulacion}" >
                                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                        </h:outputText>                                
                                    </p:column>
                                    <p:column headerText="#{i18n['guia.remision.estado']}"  styleClass="general" style="text-align: left;">
                                        <h:outputText value="#{dto.estadoTexto}" styleClass="general"/>                        
                                    </p:column> 
                                </p:dataTable>
                            </h:panelGrid>
                        </div>
                    </p:tab> 
                </p:tabView>
            </h:form>  
            <p:dialog id="idDlgBitacoraEntidad" header="#{i18n['bitacora.titulo']}" widgetVar="dlgBitacoraEntidad" resizable="false"  
                      width="900" height="450" modal="true">                        
                <ui:include src="/pages/bitacora/bitacoras.xhtml" /> 
            </p:dialog>

            <p:dialog id="idDlgArchivoEntidad" header="#{i18n['archivo.titulo']}" widgetVar="dlgArchivoEntidad" resizable="false"  
                      width="1200" height="400" modal="true">                        
                <ui:include src="/pages/archivo/archivos.xhtml" /> 
            </p:dialog>
            <p:dialog id="dialogDetalle" header="#{i18n['panel.titulo.documento.compra.detalle']}" widgetVar="carDialogDetalle" resizable="false"  
                      width="530" height="450" modal="true">  
                <p:messages id="msjDialogDeta" showDetail="false" autoUpdate="true" />   
                <ui:include src="/pages/comp/documentoCompra/documentoCompraDeta.xhtml" /> 
            </p:dialog>

            <p:dialog id="dialogPlanPago" header="#{i18n['documento.compra.popup.pago']}" widgetVar="carDialogPlanPago" resizable="false"
                      width="250" height="300" modal="true">
                <p:messages id="msjDialogPlanPago" showDetail="false" autoUpdate="true" />
                <ui:include src="/pages/comp/documentoCompra/planPago.xhtml" />
            </p:dialog>
            <p:dialog id="dialogInfoOrigen" header="#{i18n['documento.compra.popup.origen.titulo']}" widgetVar="carDialogInfoOrigen" resizable="false"  
                      width="1100" height="300" modal="true">   
                <ui:include src="/pages/comp/documentoCompra/infoPedidoCompra.xhtml" /> 
            </p:dialog>
            <p:dialog id="dialogInfoDetalle" header="#{i18n['panel.titulo.guia.remision.detalle']}" widgetVar="carDialogDetalleInfo" resizable="false"  
                      width="480" height="300" modal="true">   
                <ui:include src="/pages/inve/guiaRemision/infoGuiaRemisionDeta.xhtml" /> 
            </p:dialog>

            <p:dialog id="idDlgDirecciones" header="#{i18n['compras.popup.dir.proveedor']}" widgetVar="dlgDirecciones" resizable="false"  
                      width="600" height="400" modal="true">                        
                <ui:include src="/pages/comp/documentoCompra/popupListaDirecciones.xhtml" /> 
            </p:dialog>
            <!-- POPUPS PARA EL SISTEMA DE CONTROL -->
            <p:dialog id="dialogConfirmar" header="#{i18n['general.titulo.confirmar']}" widgetVar="carDialogConfirmar" resizable="false"  
                      width="500" height="400" modal="true">   
                <ui:include src="/pages/comp/sistemaControl/confirmar.xhtml" /> 
            </p:dialog>
            <p:dialog id="dialogAnular" header="#{i18n['general.titulo.anular']}" widgetVar="carDialogAnular" resizable="false"  
                      width="500" height="400" modal="true">   
                <ui:include src="/pages/comp/sistemaControl/anular.xhtml" /> 
            </p:dialog>
            <!-- FIN POPUPS PARA EL SISTEMA DE CONTROL -->
        </ui:define>
    </ui:composition>
</html>